const {defineConfig} = require('@vue/cli-service')
const path = require("path")

function resolve(dir) {
    return path.join(__dirname, dir)
}

module.exports = defineConfig({
    publicPath: "/view",
    outputDir: "dist",
    assetsDir: "static",
    devServer: {
        //hot: true,   // 自动保存
        port: 8080,
        client: {
            overlay: false
        },
    },
    transpileDependencies: true,
    chainWebpack(config) {
        config.module
            .rule("svg")
            .exclude.add(resolve("src/icons"))
            .end()
        config.module
            .rule("icons")
            .test(/\.svg$/)
            .include.add(resolve("src/icons"))
            .end()
            .use("svg-sprite-loader")
            .loader("svg-sprite-loader")
            .options({
                symbolId: "icon-[name]"
            })
            .end()
    }
})

